import React, { Component } from 'react';
import { Carousel, Image } from 'antd';
import img1 from '../../assets/狗2.jpg'
import img2 from '../../assets/狗3.jpg'
import img3 from '../../assets/狗4.jpg'
class lunbotu extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }

  //组件挂载完毕 --用于数据请求
  componentDidMount() { }

  //组件将要卸载
  componentWillUnmount() { }

  render() {
    return (
      <div>
        <Carousel autoplay>
          <div>
            <Image width='100%' height={500} preview={false} placeholder={true} src={img1} />
          </div>
          <div>
            <Image width='100%' height={500} preview={false} placeholder={true} src={img2} />
          </div>
          <div>
            <Image width='100%' height={500} preview={false} placeholder={true} src={img3} />
          </div>
        </Carousel>
      </div>
    );
  }
}

export default lunbotu;